/*
BCSB Style Sheet
Created: 2012-09-03
Filename: style_sheet.css
*/

* {
  margin: 0;
  padding: 0;
}

body{
  font-family:Arial, Helvetica, sans-serif;
  background:black; 
}
img{
  padding:10px;
}
#container {
  width: 900px;
  text-align:center;
  margin: auto;
  overflow:hidden;
  border-left: 15px solid green;
  border-right: 15px solid green;
  position:relative;
  display: block;
}
#title {
  position:absolute;
  margin-top:170px;
  z-index:5;
  margin-left:170px;
}
#title h1{
color:black;
}
#content {
  width: 900px;
  margin: 0px;
  padding:0px;
  background: white;
  min-height:400px;
  display:inline-block;
  overflow:hidden;
  }
#content p {
  text-align:left;
  padding:5px 20px ;
  margin:0px 20px;
}
#left{
padding:0;
width:650px;
float: left;
min-height:400px;
position:relative;
border-right: 5px solid black;
z-index:1;
}
#right p{
margin:0;
padding:12px;
width:200px;
}

#right img{
margin-top:5px;
border:2px solid black;

}

#right{
width: 250px;
padding-top:50px;
margin-left:650px;

position:absolute;

text-indent: 0px;
}
  
#right a{
target:blank;
}

.head{
  clear:both;
  padding:0;
  margin:auto;
  height:225px;
  width:100%;
  
  position: relative;

}

#navbar{
width:860px;
background: green; 
}
#footer{
background: green;
}
#footer p{
padding:10px;
text-align:center;
font-size:18pt;
color:white;

}
#pad{
margin-left:20px;}

.bulleted 
{
float:left;
list-style-position:outside;
margin-top:10px;
margin-bottom:10px;
margin-left:70px;
text-align:left;
list-style-type: circle inside;
line-height:150%;
width:600px;
}

/*Navbar Styles below*/
.nav{
	list-style:none;
	font-weight:bold;
	margin-bottom:1px;
	padding-left:60px;
	/* Clear floats */
	float:left;
	width:860px;
	position:relative;
	z-index:5;
	background:green;
	text-align:left;
 

}
.nav li{
    float:left;
    text-transform:uppercase;
	position:relative;
	width:17.5%;
}
.nav a{
	display:block;
	padding:5px;
	color:black;
	background:rgb (0,116,56);
	text-decoration:none;
}
.nav a:hover{
	color:white;
	background: rgb (0,116,56);
	text-decoration:underline;
}

/*--- DROPDOWN ---*/
.nav ul{
	background:white;  /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgb(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */

}
.nav ul li{
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	text-transform:capitalize;
	float:none;
	
}
.nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
.nav li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
.nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:rgb (0,116,56);
	color: black; 
	text-decoration:underline;
	text-align:left;
}
.nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
	background: white; 
	color: blue;
	float: left;
}
.nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */

	text-decoration:underline;
	color: red;
	
}
/*end nav style sheet from tutorial*/
/*Start Header style sheet for tutorial*/

#header {
  padding:0;
  margin:0;
  text-align:center;
  position: relative;
  color:black;
  background:green; 
  

}
.small{
font-size:10pt;
}